<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
   
    
    <title>My JSP starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link href="css/zbCss/pageTable.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" type="text/css" href="../../style/zbCss/defaultStyle.css" />
	<link rel="stylesheet" type="text/css" href="../../style/zbCss/easyui.css" />
	<link rel="stylesheet" type="text/css" href="../../style/zbCss/icon.css" />
	<link rel="stylesheet" type="text/css" href="../../style/zbCss/pageTable.css" />
	<link rel="stylesheet" type="text/css" href="../../style/fzjc/fzjc.css" />

	 <script type="text/javascript" src="../../lib/data.js"></script>
	  <script type="text/javascript" src="../../js/yjzsfunctiondlg/zbgl.js"></script>
	   <script type="text/javascript" src="../../js/yjzsfunctiondlg/yapp.js"></script>
	<script type="text/javascript" src="../../lib/easyui/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="../../lib/easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../../lib/easyui/json2.js"></script>
	<script type="text/javascript"src="../../My97DatePicker/WdatePicker.js"></script>
	<script type="text/javascript">
		$(function(){
			initYappTable();
			$('#detailsDialog_yaxx').dialog({
				draggable : true,
				top : 50,
				left : 100,
				title : "应急预案详情",
				collapsible : true,
				modal:true
			});
			$("#detailsDialog_yaxx").dialog("close");
			setOption('china','YAPPShen');
			setSltDefaultVal("YAPPShen",'420000');
			$("#YAPPShen").attr("disabled","disabled");
			changeShenItem(document.getElementById("YAPPShen").value,'YAPPShi');
			////匹配点
			initYpxxSbTable();
			setOption('china','ypxxsbShen');
			setSltDefaultVal("ypxxsbShen",'420000');
			$("#ypxxsbShen").attr("disabled","disabled");
			changeShenItem(document.getElementById("ypxxsbShen").value,'ypxxsbShi');
			$('#tabyjtxdiv').tabs({
				
				onSelect:function(title){
					if(title=="匹配点选定"){
						$("#ypxxsb_tableFZJC").datagrid('resize');
					}
					if(title=="预案匹配"){
						$("#YAPP_table").datagrid('resize');
					}
				}
			});
		})
	</script>
  </head>
  
  <body >
	<div id="tabyjtxdiv" class="easyui-tabs" style="width:826px;height: 500px">
		
		
		<div title="匹配点选定" style="padding: 0px;height: 300px;width: 500px;" >
			省：<select id="ypxxsbShen" onchange="changeShenItem(this.value,'ypxxsbShi')"><option  selected="selected" value="" >请选择省</option></select>
			市：<select id="ypxxsbShi" onchange="changeShiItem(this.value,'ypxxsbXian')"><option  selected="selected" value="">请选择市</option></select>
			县：<select id="ypxxsbXian" onchange="changeXianItem(this.value,'zhen')"><option  selected="selected" value="">请选择县</option></select>
			灾害类型：<select id="ypxxsbZHLX">
			<option selected="selected" value="">请选择灾害类型</option>
			<option  value="01">滑坡</option>
				<option value="02">崩塌</option>
				<option value="03">泥石流</option>
				<option value="04">岩溶塌陷</option>
				<option value="06">地裂缝</option>
				<option value="07">地面沉降</option>
			</select>
			<br/>
			上报时间范围：<input id="ypxxsbStartTime"  class="Wdate" type="text" onfocus="WdatePicker({startDate:' 00:00:00',dateFmt:'yyyy-MM-dd HH:mm:ss',alwaysUseStartDate:true})" />
			—<input id="ypxxsbEndTime"  class="Wdate" type="text" onfocus="WdatePicker({startDate:' 00:00:00',dateFmt:'yyyy-MM-dd HH:mm:ss',alwaysUseStartDate:true})" />
			<input type="button" id="ypxxsb_fzjcQueryBtn" value="查询" class="btn_2z"
										onclick="queryDDSB_Fzjc()" />
			<table id="ypxxsb_tableFZJC" width="820px" height="450px"></table>
		</div>
		<div title="预案匹配" style="padding: 0px;height: 300px;width: 500px;" >
		     省：<select id="YAPPShen" onchange="changeShenItem(this.value,'YAPPShi')"><option  selected="selected" value="-1" >请选择省</option></select>
			市：<select id="YAPPShi" onchange="changeShiItem(this.value,'YAPPXian')"><option  selected="selected" value="-1">请选择市</option></select>
			县：<select id="YAPPXian" onchange="changeXianItem(this.value,'zhen')"><option  selected="selected" value="-1">请选择县</option></select>
			灾害类型：<select id="YAPPZHLX">
			<option  value="00">斜坡</option>
				<option selected="selected" value="01">滑坡</option>
				<option value="02">崩塌</option>
				<option value="03">泥石流</option>
				<option value="04">岩溶塌陷</option>
				<option value="06">地裂缝</option>
				<option value="07">地面沉降</option>
				</select>
			规模：<select id="YAPPGM"><option selected="selected" value="">规模等级</option>
			<option  value="特大型">特大型</option>
			<option  value="大型">大型</option>
			<option  value="中型">中型</option>
			<option  value="小型">小型</option>
			</select>
			<br/>
			灾度等级：<select id="YAPPZQDJ"><option selected="selected" value="">灾度等级</option>
			<option  value="I级">I级</option>
			<option  value="II级">II级</option>
			<option  value="III级">III级</option>
			<option  value="IV级">IV级</option>
			</select>
			威胁人口（大于）：<input id="YAPPWXRK" type="text" />人
			威胁财产（大于）：<input id="YAPPWXCC" type="text"/>万元 
			<input type="button" id="YAPPQueryBtn" value="查询" class="btn_2z"
										onclick="queryYAPP()" />
			<table id="YAPP_table" width="820px" height="470px"></table>
		</div>
	</div>
	<div  id="detailsDialog_yaxx" style="padding:5px;width:500px;height:300px;" >
	<input type="hidden" id="fzya03000">
	<table id="matchDiv" class="innerStyle" style="display: none">
	<tr><td colspan="4" style="color: red">匹配点信息<a onclick="playVadio()" style="cursor: pointer;">&nbsp;点击播放录音</a></td></tr>
	<tr><td>地理位置</td><td><input type=text id="yjcz12020"/></td><td>上报时间</td><td><input type="text" id="yjcz12010"/></td></tr>
	<tr><td>上报记录</td><td colspan="3"><textarea  id="yjcz12060" style='width:95%;height: 40px' /></textarea></td></tr>
	</table>
	 <table id="tt" class="innerStyle" style="margin-top: 2px" >
	<tr><td colspan="4" style="color: red">预案信息</td></tr>
   		<tr><td width="10%">野外编号：</td><td width="10%"><input type="text" id="fzya03160"/></td><td width="10%">地理位置：</td>
   		<td width="10%"><input type="text" id="fzya03170"/></td>
   		</tr>
		<tr><td >隐患点类型：</td><td><input type="text" id="fzya03180"/></td><td>规模(m³)</td><td><input type="text" id="fzya03190"/></td></tr>
		<tr><td>威胁人口(人)：</td><td><input type="text" id="fzya03200"/></td><td>威胁财产(万元)：</td><td><input type="text" id="fzya03210"/></td></tr>
		<tr><td>险情等级：</td><td><input type="text" id="fzya03220"/></td><td>曾经发生灾害时间：</td><td><input class="Wdate" 
	 onfocus="WdatePicker({startDate:'%y-%M-01 00:00:00',dateFmt:'yyyy-MM-dd HH:mm:ss',alwaysUseStartDate:true})" type="text"  id="fzya03230"/></td></tr>
		<tr><td>地质环境条件：</td><td><input type="text" id="fzya03240"/></td><td>变形特征及历史活动情况：</td><td><input type="text" id="fzya03250"/></td></tr>
		<tr><td>稳定性分析：</td><td><input type="text" id="fzya03260"/></td><td>引发因素：</td><td><input type="text" id="fzya03270"/></td></tr>
		<tr><td>潜在危害：</td><td><input type="text" id="fzya03280"/></td><td>临灾状态预测：</td><td><input type="text" id="fzya03290"/></td></tr>
		<tr><td>监测方法：</td><td><input type="text" id="fzya03300"/></td><td>监测周期：</td><td><input type="text" id="fzya03310"/></td></tr>
		<tr><td>监测责任人：</td><td><input type="text" id="fzya03320"/></td><td>监测责任人联系电话：</td><td><input type="text" id="fzya03330"/></td></tr>
		<tr><td>监测责任人联系手机：</td><td><input type="text" id="fzya03340"/></td><td>群测群防人员：</td><td><input type="text" id="fzya03350"/></td></tr>
		<tr><td>群测群防人员电话：</td><td><input type="text" id="fzya03360"/></td><td>群测群防人员手机：</td><td><input type="text" id="fzya03370"/></td></tr>
		<tr><td>报警方法：</td><td><input type="text" id="fzya03380"/></td><td>报警信号：</td><td><input type="text" id="fzya03390"/></td></tr>
		<tr><td>报警人：</td><td><input type="text" id="fzya03400"/></td><td>报警人电话：</td><td><input type="text" id="fzya03410"/></td></tr>
		<tr><td>预定避灾地点：</td><td><input type="text" id="fzya03420"/></td><td>人员撤离路线：</td><td><input type="text" id="fzya03430"/></td></tr>
		<tr><td>防治建议：</td><td><input type="text" id="fzya03440"/></td><td>多媒体：</td><td><input type="text" id="fzya03490"/></td></tr>
						<tr id="btnTr" >
	
	<td colspan="4" align="center"><input id="submitBtn_yapp"  type="button" value="保存" class="btn_2z"
					onclick="addFzya()" /><input type="button" id="resetBtn_yapp" value="重置" class="btn_2z"
					onclick="resetEvent()" /></td></tr>
						</TABLE>
	</div>
	</body>
</html>
